<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Data Tables</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="/ynrfinance/static/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="/ynrfinance/static/css/font-awesome.min.css">
<!-- Animate -->
<link rel="stylesheet" href="/ynrfinance/static/css/animate.min.css">
<!-- Form -->
<link rel="stylesheet" href="/ynrfinance/static/css/form.css">
<!-- Calendar -->
<link rel="stylesheet" href="/ynrfinance/static/css/calendar.css">
<!-- Style -->
<link rel="stylesheet" href="/ynrfinance/static/css/style.css">
<!-- Ionicons -->
<link rel="stylesheet" href="/ynrfinance/static/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/ynrfinance/static/css/AdminLTE.min.css">
<!-- AdminLTE Skins. -->
<link rel="stylesheet" href="/ynrfinance/static/css/_all-skins.min.css">
<!-- Generics -->
<link rel="stylesheet" href="/ynrfinance/static/css/generics.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

<!-- Google Font -->
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">

		<header class="main-header">
			<!-- Logo -->
			<a href="../../index2.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"><b>A</b>LT</span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>Admin</b>LTE</span>
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="push-menu"
					role="button"> <span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
				</a>

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li class="dropdown user user-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <img
								src="/ynrfinance/static/img/user2-160x160.jpg"
								class="user-image" alt="User Image"> <span
								class="hidden-xs">Alexander Pierce</span>
						</a>
				</div>
			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<div class="user-panel">
					<div class="pull-left image">
						<img src="/ynrfinance/static/img/user2-160x160.jpg"
							class="img-circle" alt="User Image">
					</div>
					<div class="pull-left info">
						<p>Alexander Pierce</p>
						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
				<!-- search form -->
				<form action="#" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control"
							placeholder="Search..."> <span class="input-group-btn">
							<button type="submit" name="search" id="search-btn"
								class="btn btn-flat">
								<i class="fa fa-search"></i>
							</button>
						</span>
					</div>
				</form>
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu" data-widget="tree">
					<li class="header">MAIN NAVIGATION</li>

					<li><a href="../widgets.html"> <i class="fa fa-th"></i> <span>CA列表</span>
							<!-- <span class="pull-right-container">
              <small class="label pull-right bg-green">new</small>
            </span> -->
					</a></li>
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					CA <small>列表</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
					<!-- <li><a href="#">Tables</a></li> -->
					<li class="active">CA列表</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="row">
					<div class="col-xs-12">
						<div class="box">
							<div class="box-header">
								<h3 class="box-title">CA列表</h3>
							</div>
							<!-- /.box-header -->
							<div style="margin: 10px 10px; float: left;">
								<select data-placeholder="选择公司..." class="tag-select-limited"
									multiple>
									<option value="David Becham">上海元升财务咨询有限公司</option>
									<option value="Christian Bale">镇江云海上信息科技有限公司</option>
									<option value="Malinda Hollaway">中国石化有限公司</option>
									<option value="Jason Stathom">上海海尔金融有限责任公司</option>
									<option value="Wen De Soza">苏州豫南菜餐饮有限公司</option>
									<option value="Jhon Morrison">青岛双星鞋业有限责任公司</option>
									<option value="William Gale">北京盛达科技信息技术有限公司</option>
									<option value="Mark Hakngtosh">河南双汇有限责任公司</option>
								</select>
							</div>
							<div style="margin: 10px 10px; width: 150px; float: left;">
								<select class="select">
									<option>选择发票类型</option>
									<option>普通/专用增值税发票</option>
									<option>机动车销售发票</option>
								</select>
							</div>
							<div style="margin: 10px 10px; float: left;">
								<button class="btn btn-alt m-r-5"
									style="height: 30px; font-size: 10px;">点击上传</button>
							</div>
							<div class="clearfix"></div>
							<hr class="whiter" />
							<div>
								<div class="progress progress-striped active"
									style="margin: 10px 10px; width: 300px; float: left;">
									<div class="progress-bar" role="progressbar" aria-valuenow="45"
										aria-valuemin="0" aria-valuemax="100" style="width: 45%">
									</div>
								</div>
								<div style="margin: 5px 10px; float: left;">
									<span style="font-size: 10px;">45%已完成</span>
								</div>
								<hr class="whiter" />
							</div>
							<div class="block-area" style="padding: 10px 10px 0;">
								<div class="fileupload fileupload-new" id="add_invoice"
									style="float: left;">
									<a href="javascript:selectFiles();">
										<div class="fileupload-preview thumbnail form-control">
											<span class="icon" style="font-size: 40px;">&#61943;</span>
										</div>
									</a>
								</div>
								<input type="file" multiple="multiple" onChange="fileChange()"
									style="display: none;" />
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<footer class="main-footer">
			<div class="pull-right hidden-xs">
				<b>Version</b> 2.4.0
			</div>
			<strong>Copyright &copy; 2019-2020 <a href="#">上海拓佑财务咨询有限公司</a>.
			</strong> All rights reserved.
		</footer>
		<div class="modal fade" id="modal-default" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<!-- 隐藏需要删除的id -->
						<input type="hidden" id="deleteId" />
						<p>
							<i class="fa fa-fw fa-warning"></i>您确定要删除该条信息吗？
						</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal"
							onclick="cancel()">关闭</button>
						<button type="button" class="btn btn-primary" onclick="confirm()">确认</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
	</div>
	<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="/ynrfinance/static/js/jquery.min.js"></script>
	<!-- Bootstrap 3.3.7 -->
	<script src="/ynrfinance/static/js/bootstrap.min.js"></script>
	<!-- SlimScroll -->
	<script src="/ynrfinance/static/js/jquery.slimscroll.min.js"></script>
	<!-- FastClick -->
	<script src="/ynrfinance/static/js/fastclick.js"></script>
	<!-- AdminLTE App -->
	<script src="/ynrfinance/static/js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="/ynrfinance/static/js/demo.js"></script>
	<!-- page script -->
	<script src="/ynrfinance/static/js/jquery.easing.1.3.js"></script>
	<script src="/ynrfinance/static/js/scroll.min.js"></script> <!-- Custom Scrollbar -->
        <!-- Other -->
        <script src="/ynrfinance/static/js/calendar.min.js"></script><!-- Calendar -->
        <script src="/ynrfinance/static/js/fileupload.min.js"></script> <!-- File Upload -->
        <script src="/ynrfinance/static/js/select.min.js"></script> <!-- Custom Select -->
        <script src="/ynrfinance/static/js/chosen.min.js"></script> <!-- Custom Multi Select -->
        <!-- All JS functions -->
        <script src="/ynrfinance/static/js/functions.js"></script>
        <script src="/ynrfinance/static/js/common.js"></script>
        <script src="/ynrfinance/static/js/invoice_input/invoice_upload.js"></script>
</body>
</html>
